<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta name="renderer" content="webkit">
	
	<title>

	</title>
	<style>
		html{
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    /* -ms-overflow-style:none; */
    /*火狐下隐藏滚动条*/
    /* overflow:-moz-scrollbars-none; */
}

/* 谷歌适用 */
::-webkit-scrollbar{
    /* display:none; */
}
	</style>
	<link href="http://fonts.googleapis.com/css?family=Gochi+Hand" rel="stylesheet">
		<!-- <link rel="stylesheet" type="text/css" href="../../static/home/css/demo.css" /> -->
		<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="../../static/home/css/style.css">
		<link rel="stylesheet" type="text/css" href="../../static/home/css/default.css">

	
	<!--引入招新页面的css-->
	<link rel="stylesheet" href="../../static/home/css/style.css">
	<link rel="stylesheet" type="text/css" href="../../static/home/css/normalize-wel.css">
	<link rel="stylesheet" type="text/css" href="../../static/home/css/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="../../static/home/css/txt.wav.css">

	<!-- 引入标签页面的css -->
	<link type="text/css" rel="stylesheet" href="../../static/home/css/font.css">
		<!-- <script type="text/javascript" src="../../static/home/js/font.js"></script> -->

	<!--招新方向页面的css-->	
	<link rel="stylesheet" href="../../static/home/css/demo-tag.css">
	<link rel="stylesheet" href="../../static/home/css/style-tag.css">
	
	<style type="text/css">
		body{-webkit-text-size-adjust:none;}
		body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
		/* h1,h2,h3,h4,h5,h6{font-size:100%;} */
		body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;line-height:1.5;}
		ol,ul{list-style:none;}
		
		html,body{ width:100%; height:100%; overflow:hidden;}
		.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
		.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
		.section-wrap .section .title{width:100%;position:absolute;text-align:center;}
		/* .section-wrap .section .title p{ padding:0 4%} */
		.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
		.section-wrap .section-1{ background-color:#337ab7}
		/* .section-wrap .section-2{ background-color:#5cb85c} */
		.section-wrap .section-2{ background-color:#5bc0}
		.section-wrap .section-3{ background-color:#1e202136}
		.section-wrap .section-4{ background-color:hsl(140, 5%, 54%)}
		.section-wrap .section-5{ background-color:#beb1aa}
        .section-wrap .section-6{ background-color:#7eb6eb}
		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
		.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
		.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
		.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
        .put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
		.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
		.section-btn{ width:14px;position:fixed;right:4%;top:50%;}
		.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#BD362F;text-align:center; color:#fff; onsor:pointer;}
		.section-btn li.on{ background:#fff}
		.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
		.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		.tagBall{width:80px;height:80px;margin:50px auto;position:relative;}
		.tag{display:block;position:absolute;left:0px;top:0px;color:#000;text-decoration:none;font-size:15px;font-family:"微软雅黑";font-weight:bold;}
		.tag:hover{border:1px solid #666;}
		.applyInput{
			width: 200px;
			height: 20px;
			line-height: 35px;
			outline: none;
			border: none;
			font-size: 16px;
		}
		.signForm{
			/* padding: 75px 5px 30px 5px; */
			/* width: 400px; */
			width: 90%;
			height: 270px;
			margin: 0 auto;
		}
		.formDiv{
			width: 100%;
			margin: 10px auto 10px;
			padding-bottom: 10px;
			padding-top: 10px;
			font-size: 20px;
			line-height: 15px;
			border-radius: 10px;
		}
		.signButton{
			width: 220px;
			height: 35px;
			/* font-size: 14px; */
			background: #fff;
			border: none;
			font-size: 20px;
			border-radius: 50px;
		}
		.code{
			padding-top: 20px;
			/* padding-left: -150px; */
			/* width: 100px;
			height: auto; */
		}
		.code img{
			min-width: none;
			min-height: auto;
			width: 180px;
			height: auto;
			/* padding-left: -50px; */
			margin-left: -55px;
		}
		.more{
			float: left;
			width: 30px;
			height: auto;
			color: white;
			font-size: 16px;
			padding-left: 30px;
			padding-top: 10px;
			line-height: 1.2;
		}
		/* .signButton:hover{
			background-color: cyan;
			color: #fff;
		} */
		#music{
			position: absolute;
			z-index: 99999;
			/* font-size: 16px; */
			width: 1.5em;
			height: 1.5em;
			top: 3%;
			right: 5%;
		}
		.tips{
			width: 200px;
			height: 40px;
			background-color: rgba(0,0,0,0.5);
			color: white;
			font-size: 16px;
			text-align: center;
			padding-top: 15px;
			display:none;
			margin:0 auto;
			/* left: 50%;
			height: 30%; 
			*/
			/* left: 100%;
			height: 100%; */
		}

		/* 加载动画 */
		.loading{
			width: 100%;
			height: 100%;
			position: fixed;
			text-align: center;
			z-index: 999999;
			background-color:#33cc99;
			
		}
		.strip-loading {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60%;
		height: 60%;
		transform: translate(30%,10%);
	}

	.strip-loading li {
		--time: calc((var(--line-index) - 1) * 200ms);
		border-radius: 3px;
		width: 6px;
		height: 30px;
		background-color: #fff;
		animation: beat 1.5s ease-in-out var(--time) infinite;
		list-style-type: none;
	}

	li + li {
		margin-left: 5px;
	}

	@keyframes beat {
		0%,
		100% {
			transform: scaleY(1);
		}
		50% {
			transform: scaleY(.5);
			}
	}
		
</style>
		<script type="text/javascript">
		function Responsive($a) {
			if ($a == true) $("#Device").css("opacity", "100");
			if ($a == false) $("#Device").css("opacity", "0");
			$('#iframe-wrap').removeClass().addClass('full-width');
			$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
			$(this).addClass('active');
			return false;
		};
		</script>	
</head>
<body>
	<audio  src="../../static/home/img/aa5259492e604a71ae0fe53fc6034910.mp3" autoplay="autoPlay" loop="loop"></audio>
	<img src="../../static/home/img/音乐_music215.png" id="music"/>
	<section class="section-wrap">
		<div class="section section-1">
			<div class="title active" style="height: 100%;">
				<div id="body" style="height: 100%;">
					<div id="container" style="height: 100%;">
					  <img id="image" src="../../static/home/img/true.png" style="width: 100%;height: 100%;"/>
					</div>
					
					<!-- <h1 style="--x: 6; --y: -6;">
						<span style="--index: 0; --alpha-l: 0.125; --alpha-u: 0.25;">未</span><span style="--index: 1; --alpha-l: 0.125; --alpha-u: 0.25;">来</span><span style="--index: 2; --alpha-l: 0.125; --alpha-u: 0.25;">招</span><span style="--index: 3; --alpha-l: 0.125; --alpha-u: 0.25;">新</span><span style="--index: 4; --alpha-l: 0.125; --alpha-u: 0.25;">啦</span>
					</h1> -->
					<div class="recruit" style="display: none;">
						<h1 style="--x: 3; --y: -3;">
							<span style="--index: 0; --alpha-l: 0.25; --alpha-u: 0.5;">未</span><span style="--index: 1; --alpha-l: 0.25; --alpha-u: 0.5;">来</span><span style="--index: 2; --alpha-l: 0.25; --alpha-u: 0.5;">招</span><span style="--index: 3; --alpha-l: 0.25; --alpha-u: 0.5;">新</span><span style="--index: 4; --alpha-l: 0.25; --alpha-u: 0.5;">啦</span>
						</h1>
						<h1>
							<span style="--index: 0; --alpha-l: 0.5; --alpha-u: 1;">未</span><span style="--index: 1; --alpha-l: 0.5; --alpha-u: 1;">来</span><span style="--index: 2; --alpha-l: 0.5; --alpha-u: 1;">招</span><span style="--index: 3; --alpha-l: 0.5; --alpha-u: 1;">新</span><span style="--index: 4; --alpha-l: 0.5; --alpha-u: 1;">啦</span>
						</h1>
					</div>
				  </div>
				  <!-- <div class="txtwav bounce"><span>欢</span><span>&nbsp;</span><span>迎</span><span>&nbsp;</span><span>你</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>新</span><span>&nbsp;</span><span>同</span><span>&nbsp;</span><span>学</span>
				  </div> -->
			</div>
		</div>
		<div class="section section-2">
			<div class="title">
				<h3 style="color: black;margin-top: 70px;text-shadow: 0px 2px 20px white;">小组简介</h3>

				<div class="showcase" style="padding: 20px;">
					<!-- <small>/* add class: danceWord-s4 */</small> -->
					<p class="danceWord-s4" style="z-index: 9999; display: block; opacity: 1;">
						未来软件工作室由高国红，李士勇两位老师于2011年6月创办，以提高学生软件开发技术为核心培养目标，旨在全方位提高学生的就业质量和创新创业能力。工作室成立以来，逐步形成了Web设计开发、大前端设计开发两大学习方向以及JavaWeb、数据处理、移动开发等若干细分方向，凝练了成熟的学习路线和培养方案。
					</p>
					<p class="danceWord-s4" style="z-index: 9999; display: block; opacity: 1;">
						一路走来我们成绩斐然，先后获得国家级创新创业项目5项，河南省创业扶持资金项目8项，在各类学科竞赛中获得国家级奖项12项，省级奖项91项，设计开发各类软件产品40余个，培养毕业生50余人，均就职于京东、百度等知名企业，平均就业年薪达20万元以上。
					</p>
					
				</div>
				<img src="../../static/home/img/futureLogo.png" alt="" style="width: 50%; margin: 0 auto; text-align: center; vertical-align: middle;">
				<!--小组简介js-->
		<!-- <script>
			var danceWordS4 = document.getElementsByClassName('danceWord-s4')
			var danceWordSpan = danceWordS4.getElementsByTagName('span')
			span.style.opacity = '1'
		</script> -->

		
			</div>
		</div>
		<div class="section section-3" style="overflow: hidden;height: 100%;">
			<div class="title" style="height: 100%;">
				<iframe id="honor" src="./honor" frameborder='0' width="100%" height="100%"></iframe>
			</div>
		</div>
		<div class="section section-4">
			<div class="title" style="height: 100%;">
				<iframe id="project" data-src="./project" frameborder='0' width="100%" height="100%"></iframe>
			</div>
		</div>
		<div class="section section-5" style="height: 100%;">
			<div class="title" style="height: 100%;">
				<iframe id="activity" data-src="./activity" frameborder='0' width="100%" height="100%"></iframe>
			</div>
		</div>
        <div class="section section-6">
			<div class="title">
				<h3 style="color: white;margin-top: 70px;text-shadow: 0px 2px 20px white;">在线报名</h3>
				<form action="" class="signForm">

					<div class="formDiv" style="width: 100%; height: 15px; background-color: white; margin-bottom: 10px">
						姓名: <input type="text" name="name"  class="applyInput" placeholder="请输入姓名">
					</div>
					<div class="formDiv" style="width: 100%; height: 15px; background-color: white; margin-bottom: 10px;">
						<!-- <input type="radio" name="sex" class="applyInput">男
						<input type="radio" >女 -->
						性别:
						<select name="gender" id="sex" class="applyInput">
							<option value="" style="color: #b2b2b2;">选择您的性别</option>
							<option value="男">男</option>
							<option value="女">女</option>
						</select>
					</div>
					<div class="formDiv" style="width: 100%; height: 15px; background-color: white; margin-bottom: 10px;">
						班级: <input type="text" name="classes" class="applyInput" placeholder="请输入班级">
					</div>
					<div class="formDiv" style="width: 100%; height: 15px; background-color: white; margin-bottom: 10px;">
						学号: <input type="text" name="studentId" class="applyInput" maxlength="11" placeholder="请输入学号">
					</div>
					<div class="formDiv" style="width: 100%; height: 15px; background-color: white; margin-bottom: 10px;">
						电话: <input type="text" name="telephone"  class="applyInput" id="tel" maxlength="11" placeholder="请输入电话"> 
					</div>
					<div class="formDiv" style="width: 100%; height: 15px; background-color: white; margin-bottom: 10px;">

						Q Q: <input type="text" name="qq" class="applyInput" placeholder="请输入QQ号">
					</div>
					<!-- <input type="hidden" name="state" value="da"> -->
				</form>
				<button class="signButton" onclick="Judge()">点击报名</button>
				<div class="code">
					<div class="more">
						扫我加群了解更多
					</div>
					<img src="../../static/home/img/code.png" alt="">
				</div>
			</div>
			<div class="tips">
				<!-- 报名成功 -->
			</div>
		</div>
	</section>
	<ul class="section-btn" style="display: none;">
	  <li class="on"></li>
	  <li class=""></li>
	  <li class=""></li>
	  <li class=""></li>
	  <li class=""></li>
      <li class=""></li>
	</ul>
	<div class="arrow" style="text-align: center; font-size: 61px; border: none;">&rarr;</div>
	<div class="loading">
		<img src="/static/home/img/yingxiangli.PNG" style="position: absolute;top:4%;left: 50%;transform: translateX(-50%);width: 90%;height:auto">
		<h6 style="position: absolute; top:25%;left:15%">加载中...</h6>
		<ul class="strip-loading">
			<li style="--line-index: 1;"></li>
			<li style="--line-index: 2;"></li>
			<li style="--line-index: 3;"></li>
			<li style="--line-index: 4;"></li>
			<li style="--line-index: 5;"></li>
			<li style="--line-index: 6;"></li>
		</ul>
		<!-- <h5>请稍后</h5> -->
		<img src="/static/home/img/futureLogo.png" style="width:90%;height: auto;position: absolute;bottom: 10%;transform: translateX(-50%);left: 55%;" alt="">
	</div>
<script type="text/javascript" src="../../static/home/js/jquery.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">

	// 加载监听
	document.onreadystatechange = function () {//即在加载的过程中执行下面的代码
        if(document.readyState=="complete"){//complete加载完成
			
            $(".loading").fadeOut();
			;(function($, window, document, undefined) {
  var animation = 'tile';
  var effect = '';
  var options = {};
  var lastChecked;
  var lastChecked2;

  function animate()
  {
    if($.isEmptyObject(options))
      $('#code').text("$('#image').animate('" + animation + "');");
    else
      $('#code').text("$('#image').animate('" + animation + "', " + JSON.stringify(options, null, 2) +  ");");
    $('#image').animate(animation, options);
  }

  function update()
  {
    var isCombine = $('#combine').is(':checked');
    if(!isCombine)
    {
      $('#effect .animation-check:checked').filter(function() {
        if(this.id == lastChecked)
          return;
        $(this).attr('checked', false);
      });
    }

    isCombine = $('#combine2').is(':checked');
    if(!isCombine)
    {
      $('#alternate .animation-check:checked').filter(function() {
        if(this.id == lastChecked2)
          return;
        $(this).attr('checked', false);
      });
    }

    options = {};
    options.effect = $.makeArray($('#effect .animation-check:checked').map(function() {
      return $(this).attr('animation');
    })).join(' ');
    if(!options.effect)
      delete options.effect;
    var alternate = $.makeArray($('#alternate .animation-check:checked').map(function() {
      return $(this).attr('animation');
    })).join(' ');
    if(alternate)
      if(options.effect)
        options.effect = [options.effect, alternate];
      else
        options.effect = alternate;
    $('.option-group select, .option-group input').each(function() {
      var element = $(this);
      var name = element.attr('name');
      var value = element.val();
      if(element.attr('type') == 'checkbox')
      {
        options[name] = element.is(':checked');
        return;
      }
      if(element.attr('type') == 'number')
        value = parseInt(value);
      if(value)
        options[name] = value;
    });

    if($.isEmptyObject(options.custom))
      delete options.custom;

    if($.isEmptyObject(options))
      $('#code').text("$('#image').animate('" + animation + "');");
    else
      $('#code').text("$('#image').animate('" + animation + "', " + JSON.stringify(options, null, 2) +  ");");
  }

  function click()
  {
    var element = $('#' + $(this).attr('for'));
    var animationId = element.attr('id');
    $('#option-' + animationId).toggleClass('disable');
    if(!element.is(':checked'))
    {
      if(element.parents('#effect').length > 0)
        lastChecked = animationId;
      else
        lastChecked2 = animationId;
    }
  }

  function addButton(key, container)
  {
    var checkbox = $('<input type="checkbox" class="animation-check"/>');
    checkbox.attr('id', container + key).attr('animation', key);
    var label = $('<label class="animation input"></label>');
    label.text(key).attr('for', container + key).click(click);
    $('#' + container).append(checkbox).append(label);
  }

  $(document).ready(function() {
    for(var key in $.animations)
    {
      if(key == 'fn' || key == 'tile')
        continue;
      addButton(key, 'effects');
      addButton(key, 'alternates');
    }

    $('#submit').click(animate);
    $('body').on('change', 'input,select', update);

    var img = $('#image')[0];
    if(img.complete || img.readyState === 4)
      assemble();
    else
      $('#image').bind('load', assemble);

    $('#assemble').click(assemble);
    $('#blind').click(blind);
    $('#wave').click(wave);
    $('#flutter').click(flutter);
    $('#puzzle').click(puzzle);
    $('#flake').click(flake);
    $('#blow').click(blow);
  });

  function assemble() 
  {
    options = {
      duration: 2000,
      rows: 12,
      cols: 8,
      effect: 'flyIn',
      fillMode: 'backwards'
    }
    animate();
  }

  function blind() 
  {
    options = {
      duration: 2000,
      rows: 50,
      sequent: false,
      effect: 'slideFromDown'
    };
    animate();
  }

  function wave() 
  {
    options = {
      duration: 2000,
      rows: 200,
      effect: 'shake',
      groups: 4,
      sequence: 'tb',
      adjustDuration: false
    };
    animate();
  }

  function flutter() 
  {
    options = {
      duration: 2000,
      cols: 200,
      effect: 'bounce',
      sequence: 'lr'
    };
    animate();
  }

  function puzzle() 
  {
    options = {
      duration: 2000,
      rows: 9,
      cols: 9,
      effect: [
        'slideFromDown',
        'slideFromRight',
        'slideFromUp',
        'slideFromLeft'
      ],
      sequence: 'lrtb',
      sequent: false,
      adjustDuration: true
    };
    animate();
  }

  function flake() 
  {
    options = {
      duration: 3000,
      rows: 12,
      cols: 8,
      effect: 'rotate flipX flyToDown fadeOut',
      fillMode: 'forwards'
    };
    animate();
  }

  function blow() 
  {
    options = {
      duration: 3000,
      rows: 12,
      cols: 8,
      effect: 'rotate flipX flyToLeft flyToUp',
      fillMode: 'forwards'
    };
    animate();
  }
})(jQuery, window, document);
            i=0
			judjeSonPageFun()
        }
		
    }

	
	var applyInput = document.getElementsByClassName('applyInput');
	//校验电话号码格式
	function isTelCode(str) {
	var reg= /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
	return reg.test(str);
		}
	function Judge(){
		if(applyInput[0].value==''||applyInput[1].value==''||applyInput[2].value==''||applyInput[3].value==''||applyInput[4].value==''){
		document.querySelector(".tips").style.display="block"
		document.querySelector(".tips").innerHTML ="请完整填写信息"
		var time = setInterval( function(){
            document.querySelector(".tips").style.display="none"
			document.querySelector(".tips").innerHTML =""
            time++;// 每次执行，变量自增
            if(time == 1){//执行1次后，清除定时器，终止程序的执行
            clearInterval(time);
            }
        } , 3000);
		
		}else if(!isTelCode(document.getElementById("tel").value)){
			// alert("电话号码不对");
			document.querySelector(".tips").style.display="block"
			document.querySelector(".tips").innerHTML ="再仔细检查一遍电话号码是否有误哦"
			var time = setInterval( function(){
				document.querySelector(".tips").style.display="none"
				document.querySelector(".tips").innerHTML =""
				time++;// 每次执行，变量自增
				if(time == 1){//执行1次后，清除定时器，终止程序的执行
				clearInterval(time);
				}
			} , 3000);
			document.getElementById("tel").focus();
			return false;
		}else{
			Register();
		}
	}	
	function Register(){
		let sex = document.getElementById('sex')
		console.log(sex.value);
		axios({
			url:'/home/index/register',
			method:'GET',
			params:{
				name: applyInput[0].value,
				sex:sex.value,
				classes: applyInput[2].value,
				studentId: applyInput[3].value,
				telephone: applyInput[4].value,
				qq: applyInput[5].value
			}
			})
			.then(data => {
				console.log(data);
				if(data.data.message=='报名成功'){
					document.querySelector(".tips").style.display="block"
					document.querySelector(".tips").innerHTML ="报名成功"
					var time = setInterval( function(){
						document.querySelector(".tips").style.display="none"
						document.querySelector(".tips").innerHTML =""
						time++;// 每次执行，变量自增
						if(time == 1){//执行1次后，清除定时器，终止程序的执行
						clearInterval(time);
						}
					} , 3000);	
				}else if(data.data.message=='您已经报过名了！'){
					document.querySelector(".tips").style.display="block"
					document.querySelector(".tips").innerHTML ="您已经报过名啦"
					var time = setInterval( function(){
						document.querySelector(".tips").style.display="none"
						document.querySelector(".tips").innerHTML =""
						time++;// 每次执行，变量自增
						if(time == 1){//执行1次后，清除定时器，终止程序的执行
						clearInterval(time);
						}
					} , 3000);
				}else{
					document.querySelector(".tips").style.display="block"
					document.querySelector(".tips").innerHTML ="请检查信息是否有误"
					var time = setInterval( function(){
						document.querySelector(".tips").style.display="none"
						document.querySelector(".tips").innerHTML =""
						time++;// 每次执行，变量自增
						if(time == 1){//执行1次后，清除定时器，终止程序的执行
						clearInterval(time);
						}
					} , 3000);
				}
			})
			.catch(err => {
				console.log(err);
			})
	}
</script>

<script type="text/javascript">
// 音乐的js
	var audio = document.getElementsByTagName('audio')[0];
	var music = document.getElementById('music');
	var ifPlay = true;
	var deg = 0;
	musicInterval = setInterval(function(){
		deg += 0.6;
		music.style.transform = `rotate(${deg}deg)`;
	},1)
	music.onclick = function(){
		if(ifPlay === false){
			ifPlay = true;
			audio.play()
			musicInterval = setInterval(function(){
				deg += 0.6;
				music.style.transform = `rotate(${deg}deg)`;
			},1)
		}else{
			clearInterval(musicInterval)
			audio.pause()
			ifPlay = false;
		}
	}
	
	
	
</script>



<!-- 触屏 -->
<script>
	//此处引用：鼠标滚轮mousewheel插件
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
	
	$(function(){
		var i=0;
		var $btn = $('.section-btn li'),
			$wrap = $('.section-wrap'),
			$arrow = $('.arrow');
		
		/*当前页面赋值*/
		function up(){
			if(i === 2){
				i = 0
			}else{
				i++
			}
			// console.log(i);
		}
		function down(){
			if(i===4){
				i=0;
			}else if(i === 2){
				i = 4
				// return false;
			}else if(i === 0){
				return false;
			}else{
				i--;
			}
			
			// console.log(i);
		}
		
		/*页面滑动*/
		function run(){
			console.log("run");
			$btn.eq(i).addClass('on').siblings().removeClass('on');	
			$wrap.attr("class","section-wrap").addClass(function() { return "put-section-"+i; }).find('.section').eq(i).find('.title').addClass('active');
			judjeSonPageFun();
		};
		
		/*右侧按钮点击*/
		$btn.each(function(index) {
			$(this).click(function(){
				i=index;
				run();
			})
		});
		
		// 监听触摸屏
	let box = document.querySelector('body') // 监听对象
		let startTime = '' // 触摸开始时间
		let startDistanceX = '' // 触摸开始X轴位置
		let startDistanceY = '' // 触摸开始Y轴位置
		let endTime = '' // 触摸结束时间
		let endDistanceX = '' // 触摸结束X轴位置
		let endDistanceY = '' // 触摸结束Y轴位置
		let moveTime = '' // 触摸时间
		let moveDistanceX = '' // 触摸移动X轴距离
		let moveDistanceY = '' // 触摸移动Y轴距离
		box.addEventListener("touchstart", (e) => {
			startTime = new Date().getTime()
			startDistanceX = e.touches[0].screenX
			startDistanceY = e.touches[0].screenY
			// console.log("开始")
		})
		box.addEventListener("touchend", (e) => {

			endTime = new Date().getTime()
			endDistanceX = e.changedTouches[0].screenX
			endDistanceY = e.changedTouches[0].screenY
			moveTime = endTime - startTime
			moveDistanceX = startDistanceX - endDistanceX
			moveDistanceY = startDistanceY - endDistanceY
			// console.log(moveDistanceX, moveDistanceY)
			
			// 判断滑动距离超过40 且 时间小于500毫秒
			if ((Math.abs(moveDistanceX) > 40 || Math.abs(moveDistanceY) > 40) && moveTime < 500) {
				// 判断X轴移动的距离是否大于Y轴移动的距离
				if (Math.abs(moveDistanceX) > Math.abs(moveDistanceY)) {
				// 左右
				// console.log(moveDistanceX > 0 ? '左' : '右')
				} else {
				// 上下
				// console.log(moveDistanceY > 0 ? '上' : '下')
					if(moveDistanceY>0){
						up();
					}else{
						down();
					}
					run();
				}
			}
			// console.log("结束")
		})
		function judjeSonPageFun(){
			// let data_src = document.querySelector("#honor").getAttribute('data-src');
			// document.querySelector("#honor").setAttribute('src',data_src);
			data_src = document.querySelector("#project").getAttribute('data-src');
			document.querySelector("#project").setAttribute('src',data_src);
			data_src = document.querySelector("#activity").getAttribute('data-src');
			document.querySelector("#activity").setAttribute('src',data_src);
		}
	});

	
</script>


<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
	<script src="../../static/home/js/jquery.animations.min.js"></script>
  	<script src="../../static/home/js/jquery.animations-tile.js"></script>
  	<!-- <script src="../../static/home/js/app.js"></script> -->
	  
		


	

<script type="text/javascript">
	//招新方向js
		$(document).ready(function () {
			function fixHeight() {
				var headerHeight = $("#switcher").height();
				$("#iframe").attr("height", $(window).height()-54+ "px");
			}
			$(window).resize(function () {
				fixHeight();
			}).resize();
	
						$('.icon-monitor').addClass('active');
			
			$(".icon-mobile-3").click(function () {
				$("#by").css("overflow-y", "auto");
				$('#iframe-wrap').removeClass().addClass('mobile-width-3');
				$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
				$(this).addClass('active');
				return false;
			});
	
			$(".icon-mobile-2").click(function () {
				$("#by").css("overflow-y", "auto");
				$('#iframe-wrap').removeClass().addClass('mobile-width-2');
				$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
				$(this).addClass('active');
				return false;
			});
	
			$(".icon-mobile-1").click(function () {
				$("#by").css("overflow-y", "auto");
				$('#iframe-wrap').removeClass().addClass('mobile-width');
				$('.icon-tablet,.icon-mobile,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
				$(this).addClass('active');
				return false;
			});
	
			$(".icon-tablet").click(function () {
				$("#by").css("overflow-y", "auto");
				$('#iframe-wrap').removeClass().addClass('tablet-width');
				$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
				$(this).addClass('active');
				return false;
			});
	
			$(".icon-monitor").click(function () {
				$("#by").css("overflow-y", "hidden");
				$('#iframe-wrap').removeClass().addClass('full-width');
				$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
				$(this).addClass('active');
				return false;
			});
		});
	</script>




    <script type="text/javascript">
	function Responsive($a) {
		if ($a == true) $("#Device").css("opacity", "100");
		if ($a == false) $("#Device").css("opacity", "0");
		$('#iframe-wrap').removeClass().addClass('full-width');
		$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
		$(this).addClass('active');
		return false;
	};
//未来招新啦延时器
	var recruit = document.getElementsByClassName('recruit')[0]
	console.log(recruit);
	Recruit()
	function Recruit(){
		setTimeout(function(){
			recruit.style.display = 'block'
		},2500)
	}
    </script>
	<!-- 小组简介的js -->
 <script type="text/javascript" src="../../static/home/js/font.js"></script>
	

</body>
</html>